import React, {Component} from 'react';

class Demo extends Component {

    state={
        count:0
    }

    add=()=>{
        // let {count}=this.state
        // count++
        // this.setState中改变state的操作是异步的
        // setState的第一种写法(对象写法)
        // this.setState({count},()=>{
        //     console.log('in',this.state.count)
        // })
        // console.log('out',this.state.count)

        // setState的第二种写法(函数写法)
        this.setState((state,props)=>{
            return{count:state.count+1}
        })

    }

    render() {
        return (
            <div>
                <h1>值:{this.state.count}</h1>
                <button onClick={this.add}>+1</button>
            </div>
        );
    }
}

export default Demo;